<style type="text/css">
	.cover-image{
		width:100%;
		height:250px;
		margin-bottom:20px;
	}
	.cover-title-bar{
		background-color:#000;
	}
	.cover-title-bar img.logo{
		width:50px;
		height:50px;
		margin:5px 5px 0 5px;
	}
	.cover-title-bar h3{
		margin-left:10px;
		color:#fff;
	}
</style>

<div>
	<div class="cover-title-bar img-rounded">	
		<h3><?php print $cafe['CAF_TITLE']; ?></h3>		
	</div>	
	<img class="cover-image img-rounded" src="<?php print $cafe['CAF_IMG_C_FILENAME']; ?>" />
	<div>
		<div class="navbar">
			<div class="navbar-inner">
				<ul class="nav">
					<?php if ($active_menu == 'index'): ?>
						<li class="active"><a href="<?php print base_url() . $cafe['CAF_NAME']; ?>">แนะนำร้าน</a></li>
					<?php else: ?>
						<li><a href="<?php print base_url() . $cafe['CAF_NAME']; ?>">แนะนำร้าน</a></li>
					<?php endif; ?>
					
					<?php if ($active_menu == 'gallery'): ?>
						<li class="active"><a href="<?php print base_url() . $cafe['CAF_NAME']; ?>/gallery">รูปภาพ</a></li>
					<?php else: ?>
						<li><a href="<?php print base_url() . $cafe['CAF_NAME']; ?>/gallery">รูปภาพ</a></li>
					<?php endif; ?>
					
					<?php if ($active_menu == 'product'): ?>
						<li class="active dropdown">							
							<a href="<?php print base_url() . $cafe['CAF_NAME']; ?>/product" class="dropdown-toggle" data-toggle="dropdown">สินค้า
								<b class="caret"></b>
							</a>
							<ul class="dropdown-menu">
								<?php for ($i=0; $i<count($product_category); $i++):
										if ($product_category[$i]['CAF_PDT_CAT_ID'] != -1): ?>
											<li><a href="<?php print base_url() . $cafe_name . '/product?c=' . $product_category[$i]['CAF_PDT_CAT_ID']; ?>"><?php print $product_category[$i]['CAF_PDT_CAT_NAME']; ?></a></li>
									<?php else: ?>
											<li><a href="<?php print base_url() . $cafe_name . '/product'; ?>"><?php print $product_category[$i]['CAF_PDT_CAT_NAME']; ?></a></li>
									<?php endif; ?>
								<?php endfor; ?>      
    						</ul>
						</li>
					<?php else: ?>
						<li class="dropdown">
							<a href="<?php print base_url() . $cafe['CAF_NAME']; ?>/product" class="dropdown-toggle" data-toggle="dropdown">สินค้า
								<b class="caret"></b>
							</a>
							<ul class="dropdown-menu">
								<?php for ($i=0; $i<count($product_category); $i++):
										if ($product_category[$i]['CAF_PDT_CAT_ID'] != -1): ?>
											<li><a href="<?php print base_url() . $cafe_name . '/product?c=' . $product_category[$i]['CAF_PDT_CAT_ID']; ?>"><?php print $product_category[$i]['CAF_PDT_CAT_NAME']; ?></a></li>
									<?php else: ?>
											<li><a href="<?php print base_url() . $cafe_name . '/product'; ?>"><?php print $product_category[$i]['CAF_PDT_CAT_NAME']; ?></a></li>
									<?php endif; ?>
								<?php endfor; ?>    
    						</ul>
						</li>
					<?php endif; ?>
					
					<?php if ($active_menu == 'contact'): ?>
						<li class="active"><a href="<?php print base_url() . $cafe['CAF_NAME']; ?>/contact">ที่ตั้งร้าน</a></li>
					<?php else: ?>
						<li><a href="<?php print base_url() . $cafe['CAF_NAME']; ?>/contact">ที่ตั้งร้าน</a></li>
					<?php endif; ?>
				</ul>
			</div>
		</div>
	</div>
</div>